<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>首页</title>
</head>

<body>
    <div class="container">
        <div class="head">
            <div class="head_guide_back_top">
            </div>
            <div class="head_guide_two">
                <div class="goBack_two">
                    <img src="./Images/back.png">
                </div>
                <div class="title_two">首页</div>
                <div class="empty"></div>
            </div>
            <div class="head_guide_background">
                <ul>
                    <li>
                        <img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/50063de30b7f02f678e9da976ecb70ac.jpg?thumb=1&w=1226&h=460&f=webp&q=90">
                    </li>
                    <li>
                        <img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4e559007a9a24f3ea5f38356ac35904.jpg?thumb=1&w=1226&h=460&f=webp&q=90">
                    </li>
                    <li>
                        <img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d5bcaeb5b2c0d8853a1f26036951364c.jpg?thumb=1&w=1226&h=460&f=webp&q=90">
                    </li>
                    <li>
                        <img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/053d963a35ffe0654dfc2ac3d20466ee.jpg?w=2452&h=920">
                    </li>
                    <li>
                        <img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4e559007a9a24f3ea5f38356ac35904.jpg?thumb=1&w=1226&h=460&f=webp&q=90">
                    </li>
                </ul>
                <ol>
                    <li class="head_guide_background_first_li"></li>
                    <li></li>
                    <li></li>
                </ol>
                <div class="arrow">
                    <div class="arrow_left">
                        <a href="#">
                             &lt;
                        </a>
                    
                    </div>
                    <div class="arrow_right">
                        <a href="#">
                             &gt;
                        </a>
                      
                    </div>
                </div>
            </div>

        </div>
        <div class="category">
            <div class="category_header">
                <div><img src="./Images/round_check.png">
                    官方商城</div>
                <div><img src="./Images/round_check.png">
                    售后无忧</div>
                <div><img src="./Images/round_check.png">
                    资质证照</div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187405.88555521.jpg">
                </div>
                <div class="category_in_text">
                    小米上新
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1609158754.96998301.jpg">
                </div>
                <div class="category_in_text">
                    小米有品
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400896.08014623.jpg">
                </div>
                <div class="category_in_text">
                    小米精选
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1634108394.13125707.jpg">
                </div>
                <div class="category_in_text">
                    小米服务
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187405.88555521.jpg">
                </div>
                <div class="category_in_text">
                    小米居家
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1626423331.07949035.jpg">
                </div>
                <div class="category_in_text">
                    小米服务
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640768539.98629966.jpg">
                </div>
                <div class="category_in_text">
                    小米平板
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1656916095.89126677.png">
                </div>
                <div class="category_in_text">
                    小米旗舰
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640677355.02633044.png">
                </div>
                <div class="category_in_text">
                    小米手表
                </div>
            </div>
            <div class="category_in">
                <div>
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1632824968.20185994.png">
                </div>
                <div class="category_in_text">
                    小米耳机
                </div>
            </div>
        </div>
        <div class="well-sold">
            <div class="well_sold_header">
                <div class="well_sold_header_l">
                    热销精选
                </div>
                <div class="well_sold_header_r">
                    更多手机推荐>
                </div>
            </div>
            <div class="well_sold_l">
                <img src="./Images/concerate1.jpg">
            </div>
            <div class="well_sold_r"> 
                <div class="well_sold_r_in">
                    <div class="well_sold_r_in_l">
                        <div class="well_sold_r_in_l_in">
                            <p>Note 11 5G</p>
                            <p>做高优惠110元</p>
                            <p>￥244</p>
                        </div>
                    </div>
                    <div class="well_sold_r_in_r">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1632824968.20185994.png">
                    </div>
                </div>
                <div class="well_sold_r_in">
                    <div class="well_sold_r_in_l">
                        <div class="well_sold_r_in_l_in">
                            <p>对开门双冰箱</p>
                            <p>风冷无惧，浅薄嵌入</p>
                            <p>￥244</p>
                        </div>
                    </div>
                    <div class="well_sold_r_in_r">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640677355.02633044.png">
                    </div>
                </div>
                <div class="well_sold_r_in">
                    <div class="well_sold_r_in_l">
                        <div class="well_sold_r_in_l_in">
                            <p>小米12S</p>
                            <p>限时特惠100元</p>
                            <p>￥244</p>
                        </div>
                    </div>
                    <div class="well_sold_r_in_r">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660117297.65685839.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="introduce">
            <div class="introduce_resume">
                <div class="well_sold_header_l">
                    省心推荐
                </div>
                <div class="well_sold_header_r">
                    更多优惠>
                </div>
            </div>
            <div class="introduce_box">
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187405.88555521.jpg">
                    <div class="introduce_box_in_first">

                        Xiaomi MIX Fold 2

                    </div>
                    <div class="introduce_box_in_second">
                        超轻薄折叠机身设计，小米自研微水滴形态转轴
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥8999
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1632824968.20185994.png">
                    <div class="introduce_box_in_first">

                        Xiaomi真无线降噪耳机3

                    </div>
                    <div class="introduce_box_in_second">
                        40dB宽频主动降噪 | HiFi高保真音质 | HRTF专业调音
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥319
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640677355.02633044.png">
                    <div class="introduce_box_in_first">
                        XIAOMI Wwtch Color 2
                    </div>
                    <div class="introduce_box_in_second">
                        时刻出色，要你好看
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥2000
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1656916095.89126677.png">
                    <div class="introduce_box_in_first">

                        Xiaomi 12S Ultra

                    </div>
                    <div class="introduce_box_in_second">
                        这真徕卡｜专业徕卡影像
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥4599
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640768539.98629966.jpg">
                    <div class="introduce_box_in_first">
                        小米平板 5 Pro
                    </div>
                    <div class="introduce_box_in_second">
                        大屏效率新体验
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥3000
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1609158754.96998301.jpg">
                    <div class="introduce_box_in_first">

                        Redmi K50 至尊版

                    </div>
                    <div class="introduce_box_in_second">
                        骁龙8+ ｜1.5K 高清直屏
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥2999
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400896.08014623.jpg">
                    <div class="introduce_box_in_first">
                        黑鲨5 Pro 8GB+256GB
                    </div>
                    <div class="introduce_box_in_second">
                        游戏手机
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥3499
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1634108394.13125707.jpg">
                    <div class="introduce_box_in_first">
                        Redmi Note 11 Pro
                    </div>
                    <div class="introduce_box_in_second">
                        5160m Ah 超大电池
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥5000
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660117297.65685839.png">
                    <div class="introduce_box_in_first">
                        Redmi Note 11 Pro
                    </div>
                    <div class="introduce_box_in_second">
                        5160m Ah 超大电池
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥5000
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187405.88555521.jpg">
                    <div class="introduce_box_in_first">

                        Xiaomi MIX Fold 2

                    </div>
                    <div class="introduce_box_in_second">
                        超轻薄折叠机身设计，小米自研微水滴形态转轴
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥8999
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1632824968.20185994.png">
                    <div class="introduce_box_in_first">

                        Xiaomi真无线降噪耳机3

                    </div>
                    <div class="introduce_box_in_second">
                        40dB宽频主动降噪 | HiFi高保真音质 | HRTF专业调音
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥319
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640677355.02633044.png">
                    <div class="introduce_box_in_first">
                        XIAOMI Wwtch Color 2
                    </div>
                    <div class="introduce_box_in_second">
                        时刻出色，要你好看
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥2000
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1656916095.89126677.png">
                    <div class="introduce_box_in_first">

                        Xiaomi 12S Ultra

                    </div>
                    <div class="introduce_box_in_second">
                        这真徕卡｜专业徕卡影像
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥4599
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640768539.98629966.jpg">
                    <div class="introduce_box_in_first">
                        小米平板 5 Pro
                    </div>
                    <div class="introduce_box_in_second">
                        大屏效率新体验
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥3000
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1609158754.96998301.jpg">
                    <div class="introduce_box_in_first">

                        Redmi K50 至尊版

                    </div>
                    <div class="introduce_box_in_second">
                        骁龙8+ ｜1.5K 高清直屏
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥2999
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1595400896.08014623.jpg">
                    <div class="introduce_box_in_first">
                        黑鲨5 Pro 8GB+256GB
                    </div>
                    <div class="introduce_box_in_second">
                        游戏手机
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥3499
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1634108394.13125707.jpg">
                    <div class="introduce_box_in_first">
                        Redmi Note 11 Pro
                    </div>
                    <div class="introduce_box_in_second">
                        5160m Ah 超大电池
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥5000
                    </div>
                </div>
                <div class="introduce_box_in">
                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660117297.65685839.png">
                    <div class="introduce_box_in_first">
                        Redmi Note 11 Pro
                    </div>
                    <div class="introduce_box_in_second">
                        5160m Ah 超大电池
                    </div>
                    <div class="introduce_box_in_thrid">
                        ￥5000
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_guide">
            <div class="footer_guide_in footer_guide_home">
                <div class="footer_guide_in_top">
                    <img src="./Images/home2.png">
                </div>
                <div class="footer_guide_in_bottom">
                    首页
                </div>
            </div>
            <div class="footer_guide_in footer_guide_category">
                <div class="footer_guide_in_top">
                    <img src="./Images/categoey.png">
                </div>
                <div class="footer_guide_in_bottom">
                    分类
                </div>
            </div>
            <div class="footer_guide_in footer_guide_myself">
                <div class="footer_guide_in_top">
                    <img src="./Images/headImg1.jpg">
                </div>
                <div class="footer_guide_in_bottom">
                    我的
                </div>
            </div>
            <div class="footer_guide_in footer_guide_shopping">
                <div class="footer_guide_in_top">
                    <img src="./Images/shoppingCar.png">
                </div>
                <div class="footer_guide_in_bottom">
                    购物车
                </div>
            </div>
            <div class="footer_guide_in footer_guide_myself">
                <div class="footer_guide_in_top">
                    <img src="./Images/myself.png">
                </div>
                <div class="footer_guide_in_bottom">
                    暂定
                </div>
            </div>
        </div>
    </div>

</body>
<link rel="stylesheet" href="./css/Index.css">
<link rel="stylesheet" href="./css/All.css">
<script type="text/javascript" src="./js/Index.js"></script>
</script>

</html>